{% extends "generalTemplate.html" %}
{% block pageName %}BioVenturist - Company Type{% endblock %}

{% block queryScript %}

<script type="text/javascript" src="/bvapp/static/js/ui.core.js"></script>
<script type="text/javascript" src="/bvapp/static/js/ui.tabs.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type="text/javascript" src="/bvuserapp/static/js/user_read.js"></script>
<script type="text/javascript" src="/bvuserapp/static/js/user_write.js"></script>
	
<script src="https://rpxnow.com/openid/v2/widget"
        type="text/javascript"></script>
<script type="text/javascript">
  RPXNOW.token_url = "http://localhost:8086/rpx"//_response";
  RPXNOW.realm = "bioventurist";
  RPXNOW.overlay = true;
  RPXNOW.language_preference = 'en';
</script>

<script type="text/javascript">
google.load("visualization", "1", {packages:["table"]});

  function load_info() {
  	var delimiter = '{{delimiter}}';
	// Generate the user information:
	var user_info = {
		name_element: [{
			html_id: 'name_html',
			first_name: '{{first_name}}',
			last_name: '{{last_name}}'
		}],
		technology_expertise: [{
			html_id: 'technology_expertise_html',
			vals: '{{technology_expertise}}'
		}],
		medical_condition_expertise: [{
			html_id: 'medical_condition_expertise_html',
			vals: '{{medical_condition_expertise}}'
		}]
	};	
	generate_html(user_info, delimiter);     
  }
</script>

<script type="text/javascript">
  $(document).ready(function(){
    $("#tabbed-container > ul").tabs()
  });
</script>

{% endblock %}
    
{% block container %}

<div id="col2">		
	<div id="tabbed-container">
    <ul>
        <li><a href="#Overview"><span>Overview</span></a></li>
        <li><a href="#Edit"><span>Edit</span></a></li>             
    </ul>
    
    <div id="Overview">
		<div id='name_html'></div>
		<br></br>
		<h2>Areas of Expertise</h2>
		<div id="technology_expertise_html"></div>
		<div id="diseases_div"></div>
		<br></br>
		<h2>Experience</h2>
		<div id="employment_header"></div>
		<div id="employment_div"></div>
		<br></br>
		<div id="education_header"></div>
		<div id="education_div"></div>		
    </div>
    <div id="Edit">
	<br></br>
	  <table>
	    <tr>
	      <td><strong>Technologies Involved In</strong></td>
	      <td><div align="left" id="edit_technologies"><span></span></div></td>
	    </tr>				  
	    <tr>
	      <td><strong>Diseases Involved In</strong></td>
	      <td><div align="left" id="edit_develops_treatments_for_disease"><span></span></div></td>
	    </tr>
	  </table>
	<br></br>
	</div>
    
</div>
	
{% endblock %}